@charset "utf-8";
/* layout */
.wrapper { width: 980px; }
.main { float: left; width: 640px; word-wrap:break-word; }
#header { margin: 0 0 25px; padding: 0; }
#content { min-height: 500px; _height: 500px; padding-bottom: 50px; background: #fff; }
#content h1 { font-weight: normal; font-size: 24px; padding-bottom: 10px }
.bg { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 53px; background: #edf0ed; }

/* for webkit */
textarea { resize: none }
input[type=text]:focus,
input[type=password]:focus,
textarea:focus { outline: 0 }

/* header */
.top-nav { overflow:hidden;border:none;height:auto;margin:0;padding:12px 0 16px 0; }
.top-nav .logo { float:left;width:117px;height:25px;overflow:hidden;line-height:10em;background:url(/pics/site/sp_logo.png); }
a.logo:hover, a.logo:active { background-color:transparent; }
.top-nav a:link, .top-nav a:visited, .top-nav a:hover, .top-nav a:active { color:#8b8b8b; }
.top-nav .top-nav-info a:hover { background-color:#8b8b8b;color:#fff; }

/* step nav */
.step-nav li { display: inline-block; *display: inline; zoom: 1; color: #ddd; height: 27px; line-height: 27px; font-size: 16px; padding-left: 50px; margin-right: 35px }
.step-nav .s1 { background: url(/pics/step_num.png) no-repeat }
.step-nav .s1-on { color: #111; background: url(/pics/step_num.png) no-repeat 0 -27px }
.step-nav .s2 { background: url(/pics/step_num.png) no-repeat 0 -54px }
.step-nav .s2-on { color: #111; background: url(/pics/step_num.png) no-repeat 0 -81px }

/* button */
.rec-btn,
.rec-btn:hover { display:inline-block; *display:block; line-height:10em; overflow:hidden; margin-left:6px; width:69px; height: 18px; background: url(http://t.douban.com/pics/recommend.gif) no-repeat;vertical-align:text-bottom; }
.ic-auth,
.lnk-follow,
.lnk-followed,
.lnk-rec,
.lnk-rec span,
.bn-flat-hot,
.bn-flat { display:-moz-inline-box;display:inline-block;border-width:1px;border-style:solid;border-color:#bbb #bbb #999;*display:inline;*zoom:1;color:#444;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;overflow:hidden;vertical-align:middle; }
.bn-flat:hover,
.bn-flat-over { border-color:#999 #999 #666;color:#333; }
.bn-flat-hot input,
.bn-flat input { border:none;height:25px;padding:0 14px;color:#333;background:transparent url(/pics/site/sp_all_2.png) repeat-x 0 -700px\9;font-size:12px;*padding:3px 8px 0;margin:0 !important;cursor:pointer;-webkit-appearance:none;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; background-image: -moz-linear-gradient(-90deg, #fcfcfc 0, #e9e9e9 100%); background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #fcfcfc), color-stop(1, #e9e9e9)); }
.bn-flat input:hover,
.bn-flat-over input { color:#333 !important;background-color:transparent !important;background-position: 1px -706px\9; background-image: -moz-linear-gradient(-90deg, #f8f8f8 0, #ddd 100%); background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #f8f8f8), color-stop(1, #ddd)); }
.bn-flat input:active,
.bn-flat-active input { background:#ddd !important;color:#333 !important;border-color:#999 #999 #666 !important }

.bn-flat-hot { border-color:#6dbe77; }
.bn-flat-hot input { border:none;background:#6fcd96;-moz-border-radius:2px;-webkit-border-radius:2px;color:#fff; }
.bn-flat-hot input:hover,
.bn-flat-hot-over input{ background:#57bd81; }
.bn-flat-hot input:active,
.bn-flat-hot-active input{ background:#47b175; }

.lnk-rec span { border-width:0;padding:2px 10px;cursor:pointer;background:url(/pics/site/sp_all_4.png) no-repeat 10px -812px;padding-left:30px; }
.lnk-rec { border-color:#5eb35d; }
a.lnk-rec:link,
a.lnk-rec:visited { color:#fff;background:#6fce96; }
a.lnk-rec:hover { color:#fff;background:#56bc81; }
a.lnk-rec:active { color:#fff;background:#46b074; }

.lnk-follow { border:none;width:85px;height:34px;line-height:20em;overflow:hidden; }
a.lnk-follow:link,
a.lnk-follow:visited { background:transparent url(/pics/site/sp_all_4.png) 0 -851px; }
a.lnk-follow:hover { background:transparent url(/pics/site/sp_all_4.png) 0 -885px; }
a.lnk-follow:active { background:transparent url(/pics/site/sp_all_4.png) 0 -919px; }

a.lnk-followed:hover,a.lnk-followed:active,
.lnk-followed { border:none;width:86px;height:29px;overflow:hidden;line-height:10em;background:transparent url(/pics/site/sp_all_4.png) 0 -953px; }
.ic-auth { border:none;color:#aaa;line-height:21px;padding-left:30px;background:transparent url(/pics/site/sp_all_4.png) 0 -1001px; }

/* tips narrow */
.aside .setting-tips { float: right }
.setting-tips { color: #666; width: 210px; padding: 20px; border: 1px solid #e2e5e5; background: #f8f8f8; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px }
.setting-tips h2 { color: #038643; font-size: 14px; font-weight: bold; margin-bottom: 8px }
.setting-tips p { line-height: 1.8 }

/* space setting - home */
#sp-setting-form { color: #5c6a6e } 
#sp-setting-form .item { margin-bottom: 2ex }
#sp-setting-form .item-submit { padding: 10px 0 0 90px }
#sp-setting-form .item-submit .bn-flat-hot { margin-right: 15px }
#sp-setting-form .tips { display: block; color: #999; margin: 3px 0 0 90px }
#sp-setting-form .tips em { color: #f66 }
#sp-setting-form .form-tips { margin: 0 0 5px 90px; width: 330px }
#sp-setting-form .form-tips em { color: #108fbe }
#sp-setting-form h2 { margin: 50px 0 30px }
#sp-setting-form p { margin: 15px 0 5px 90px }
#sp-setting-form label { font-size: 14px; width: 90px }
#sp-setting-form input { margin-right: 0 }
#sp-setting-form textarea { margin-bottom: -6px }
#sp-setting-form .sp-input,
#sp-setting-form .basic-input,
#sp-setting-form .sp-desc,
#sp-setting-form .sp-desc-large { width: 330px; color: #666; font-size: 12px; border: 1px solid #cdd5cf; padding: 5px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px }
#sp-setting-form .basic-input { width: 210px }
#sp-setting-form .sp-desc { height: 60px }
#sp-setting-form .sp-desc-large { height: 120px }

/* site form */
#site-form textarea { margin-right: 1em; vertical-align: top }
#site-form .item { margin: 24px 0px 12px }
#site-form label { display: inline-block; *display:inline; zoom: 1; margin-right: 15px; text-align: right; font-size: 14px; line-height: 30px; vertical-align: middle }
#site-form .basic-input,
#site-form .wide-input,
#site-form .basic-textarea { width: 200px; padding: 5px; height: 18px; font-size: 12px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #c9c9c9 }
#site-form .wide-input { width: 350px }
#site-form .basic-textarea { width: 350px; height: 120px }
#site-form .item .basic-input:focus { border: 1px solid #a9a9a9 }
#site-form .tips-error { color: #fe2617 }
#site-form .validate-option { display: none; color: #666666 }
#site-form .validate-error { display: none; color: #fe2617 }
#site-form .tips-error,
#site-form .validate-error,
#site-form .validate-option { padding-left: 10px; background: url(/pics/icon/tips_arrow.gif) no-repeat }
#site-form .tips-error,
#site-form .validate-error { background-position: 0 -52px }
#site-form .validate-option { background-position: 0 3px }

/* requisition page */
.requisition .hd { margin-bottom: 35px }
.success .bd p { margin-bottom: 15px }

a.lnk-follow { border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #0baf57;padding:0 25px 0 25px;height:25px;width:auto;line-height:25px;font-size:13px;overflow:hidden;background:url(/pics/site/sp_all_4.png) repeat-x 0 -851px\9;background-color:transparent !important;*vertical-align:baseline; }
a.lnk-follow:link,
a.lnk-follow:visited { color:#fff;background:-webkit-gradient(linear,left top,left bottom, color-stop(0, #2cc677), color-stop(1, #1eb964));background:-moz-linear-gradient(-90deg, #2cc677, #1eb964); }
a.lnk-follow:hover { color:#fff;background:-webkit-gradient(linear,left top,left bottom, color-stop(0, #2abd71), color-stop(1, #1db05e));background:-moz-linear-gradient(-90deg, #1db05e, #1db05e);background:url(/pics/site/sp_all_4.png) repeat-x 0 -885px\9; }
a.lnk-follow:active { color:#fff;background:-webkit-gradient(linear,left top,left bottom, color-stop(0, #13b863), color-stop(1, #0baf58));background:-moz-linear-gradient(-90deg, #13b863, #0baf58);background:url(/pics/site/sp_all_4.png) repeat-x 0 -919px\9; }

@media all and (min-width:0px){
    a.lnk-follow:link,
    a.lnk-follow:visited,
    a.lnk-follow:hover { background:url(/pics/site/sp_all_4.png) repeat-x 0 -851px; }
    a.lnk-follow:hover { background-position: 0 -885px; }
    a.lnk-follow:active { background-position: 0 -919px; }
}
